<template>
	<!-- :maskClosable="false" -->
  <a-modal class="my_css" wrapClassName="my-model">
    <slot name="content"></slot>
  </a-modal>
</template>

<script>
export default {
  name: "MyDialog",
};
</script>

<style lang="less">
.my-model {
  .ant-modal-content {
    border-radius: 24px 24px 24px 24px;
    padding: 10px;
    .ant-modal-header {
      border-radius: 24px 24px 0 0;
      .ant-modal-title {
        color:@success700;
        font-size: 20px;
		font-family: 'SourceHanSansCN-Bold';
      }
    }
    .ant-modal-close {
      span {
        color:@success400;
      }
    }
    .ant-modal-footer {
      display: none;
    }
  }
  .ant-tabs-nav .ant-tabs-tab:hover,.ant-tabs-nav .ant-tabs-tab-active{
  	color:#25D17E;
  }
  .ant-tabs-ink-bar{
  	background-color:#25D17E;
  }
  .ant-collapse{
  	border: none;
  	background-color: rgba(255, 255, 255, 0);
  	padding-top: 6px;
  	
  	.ant-collapse-item {
  		background: linear-gradient(84deg, #FFFFFF 11%, rgba(255, 255, 255, 0.00) 107%), #FFFFFF;
  		border: none;
  	
  		.ant-collapse-header {
  			font-family: 'SourceHanSansCN-Medium';
  			font-size: 14px;
  			padding: 5px 25px;
  			.ant-collapse-arrow {
  				left: 5px;
  			}
  		}
  	}
  	.ant-collapse-item-active,
  	.ant-collapse-content {
  		border: none;
  	}
  	
  	.ant-collapse-content-box {
  		padding: 0;
  	}
  }
  .ant-checkbox-wrapper{
	  .ant-checkbox-inner{
	  	border-radius: 5px;
	  }
	  &.visi-check{
	  	span{
	  		color:#a4a9a7;
	  	}
	  	&.ant-checkbox-wrapper-checked{
	  		span{
	  			color:#FF4D7C;
	  		}
	  	}
	  	.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{
	  		
	  		border-color: #FF4D7C;
	  		background-color: #FF4D7C;
	  	}
	  }
	  &.item-select{
	  	.ant-checkbox.ant-checkbox-checked .ant-checkbox-inner{
	  		border-color: #25D17E;
	  		background-color: #25D17E;
	  	}
	  	
	  }
  }
}
.Addscale {
  .ant-modal-header {
    border-bottom: none;
  }
}
</style>